@import "../../libs/weui.css";
@import "../../libs/base";
@import "../../libs/tabs";

a {
  text-decoration: none;
}

@margin-left: 15px;
@header-height: 40px;
header {
  position: relative;
  width: 100%;
  height: @header-height;
  background: #0092D7;

  .logo {
    width: 100%;
    height: 100%;
    float: left;
    text-align: center;

    .title {
      margin-left: -60px;
      color: #fff;
      font: normal normal normal 16px/@header-height 'microsoft yahei';
    }

    a {
      float: left;
      margin: 0 @margin-left;
      color: #fff;
      font: normal normal normal 16px/@header-height 'microsoft yahei';
      text-decoration: none;
    }
  }
}

.fly-top {
  position: fixed;
  bottom: 30px;
  right: 10px;
  display: none;

  a {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 16px; 
    background: #fff url(imgs/up.png) no-repeat center center;
  }
}

.container {  
  position: relative;
  width: 100%;
  overflow: hidden;
  
  .legend {
    width: 100%;
    height: 100px;
    margin: 20px 0;
    background: #ededed;

    >.lbl {
      width: 60px;
      height: 100%;
      float: left;
      font: normal normal normal 13px/33px 'microsoft yahei';
      text-align: center;

      span {
        margin-left: 15px;
      }
    }

    > .full {
      width: 80px;
      height: 100%;
      float: right;
      font: normal normal normal 13px/33px 'microsoft yahei';
      text-align: center;      
    }

    .content {
      width: 180px;
      height: 100%;
      float: left;
      font: normal normal normal 13px/33px 'microsoft yahei';

      .row {
        width: 100%;
        height: 30px;

        .color {
          width: 30px;
          height: 8px;
          display: inline-block;
        }
        .description {    
          display: inline-block;
        }
      }
    }
  }

  .zonghe {
    width: 100%;
    height: 100px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    
    .lbl {
      width: 110px;
      height: 100%;
      float: left;
      font: normal normal 700 16px/100px 'microsoft yahei';
      border-right: 1px solid #999;

      span {
        margin-left: 15px;
      }
    }

    .content {
      position: relative;
      min-width: 180px;
      height: 100%;
      float: left;
      font: normal normal normal 12px/26px 'microsoft yahei';

      .row {
        width: 100%;
        height: 26px;

        .s {
          height: 8px;
          display: inline-block;
          margin-left: 8px;
          margin-top: 17px;
        }

        .s1 {
          width: 60%;
        }
        .s2 {
          width: 50%;
        }
        .s3 {
          width: 55%;
        }
        .des {
          margin-left: 5px;
          display: inline-block;
        }
      }
    }
  }

  .seperate {
    width: 100%;
    height: 40px;
    background: #e4e4e4;
    font: normal normal 700 16px/40px 'microsoft yahei';
    border-bottom: 1px solid #999;

    span {
      margin-left: 15px;
    }
  }

  .branch {
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #999;
    
    .lbl {
      width: 110px;
      height: 100%;
      float: left;
      font: normal normal 700 14px/100px 'microsoft yahei';
      border-right: 1px solid #999;
      color: #666;

      span {
        margin-left: 15px;
      }
    }

    .content {
      position: relative;
      min-width: 180px;
      height: 100%;
      float: left;
      font: normal normal normal 12px/26px 'microsoft yahei';

      .row {
        width: 100%;
        height: 26px;

        .s {
          height: 8px;
          display: inline-block;
          margin-left: 8px;
          margin-top: 17px;
        }

        .s1 {
          width: 60%;
        }
        .s2 {
          width: 50%;
        }
        .s3 {
          width: 55%;
        }
        .des {
          margin-left: 5px;
          display: inline-block;
        }
      }
    }
  }
}

.c-blue {
  background-color: #69D2E7;
}
.c-yellow {
  background-color: #bbb;
}
.c-brown {
  background-color: #666;
}
